<template>
    <div id="mapContainer" style="width: 100%; height: 98vh;"></div>
</template>
<script>
export default {
    name: 'OfflineMap',
    mounted() {
        this.initMap();
    },
    methods: {
        initMap() {
            const map = new AMap.Map('mapContainer', {
                resizeEnable: true,
                // 其他配置项，如中心点、缩放级别等
                center: [116.397428, 39.90923], // 示例中心点，请根据需要调整
                zoom: 13 // 示例缩放级别，请根据需要调整
            });

            // 加载离线地图数据包，确保你已经下载了相应的数据包并且路径正确
            AMap.plugin('AMap.OfflineMap', function () {
                var offline = new AMap.OfflineMap({ map: map }); // 初始化离线地图插件
                offline.use(['全国', '北京'], function () { // 使用全国和北京的离线数据包，根据实际情况选择使用哪些数据包
                    console.log('离线数据加载成功');
                });
            });
        }
    }
}
</script>